/* eslint-disable no-useless-constructor */
/* eslint-disable react/no-direct-mutation-state */
import React from 'react'
class SubAll4 extends React.Component {
	constructor(props) {
		super(props)
		this.state = {}
	}
	click(data, e) {
		console.log(data, e)
	}
	onForm(data, e) {
		console.log(data, e)
	}
	render() {
		return (
			<>
				<div className="nav2">
					<h4>4.绑定事件</h4>
					<h5>第一种绑定事件(也算常用，也可以一直用第二种)</h5>
					<button onClick={(e) => this.click('我是第一个参数', e)}>
						点我从控制台输出 第一个参数可以传值
					</button>
					<h5>第二种绑定事件(表单常用)</h5>
					<button onClick={this.onForm.bind(this, '我是第二个参数')}>
						点我从控制台输出 第二个参数可以传值
					</button>
				</div>
			</>
		)
	}
}
export default SubAll4
